<template>
	<div class="aui-card--fill">
		<div class="mod-sys__role ">
			<div class="userBox">
				<div class="userListText">信息列表</div>
				<!-- <el-button class="newAdd" v-if="$hasPermission('sys:user:save')" type="primary"
					@click="addOrUpdateHandle()">新增</el-button> -->
			</div>
			<el-table v-loading="dataListLoading" :data="dataList" border
				@selection-change="dataListSelectionChangeHandle" @sort-change="dataListSortChangeHandle"
				style="width: 100%;">
				<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> -->
				<el-table-column type="index" label="序号" header-align="center" align="center" width="50">
				</el-table-column>
				<el-table-column prop="name" label="安装包名称" header-align="center" align="center"></el-table-column>
				<el-table-column prop="packagePath" label="安装包路径" header-align="center" align="center"></el-table-column>
				<el-table-column prop="createDate" label="登记日期" header-align="center" align="center" width="180">
				</el-table-column>
				<el-table-column prop="sysUserName" label="登记人" header-align="center" align="center"></el-table-column>
				<!-- <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="300">
					<template slot-scope="scope">
						<el-button v-if="$hasPermission('sys:role:delete')" type="danger" round size="mini"
							@click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
						<el-button type="primary" round size="mini" @click="addOrUpdateHandle(scope.row.id, true)">查看</el-button>
					</template>
				</el-table-column> -->
			</el-table>
			<el-pagination background :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total"
				layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
				@current-change="pageCurrentChangeHandle">
			</el-pagination>
			<!-- 弹窗, 新增 / 修改 -->
			<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
		</div>
	</div>
</template>

<script>
	import mixinViewModule from '@/mixins/view-module'
	import AddOrUpdate from './package-add-or-update.vue'
	export default {
		mixins: [mixinViewModule],
		data() {
			return {
				mixinViewModuleOptions: {
					getDataListURL: '/psc/packagemanage/page',
					getDataListIsPage: true,
					deleteURL: '/psc/packagemanage',
					deleteIsBatch: true
				},
				dataForm: {}
			}
		},
		components: {
			AddOrUpdate
		}
	}
</script>

<style scoped>
	.card-Box {
		width: 100%;
		height: 10vh;
		background-color: #fff;
		border-radius: 10px;
		margin-bottom: 1.9vh;
		padding: 3vh 0 3vh 3vw;
		box-sizing: border-box;
	}

	.aui-card--fill {
		width: 100%;
		/* height: 750px; */
		padding: 1.8vh 2vw 1.8vh 2vw;
		background-color: #fff;
		border-radius: 10px;
	}

	.selectRegion {
		width: 100%;
		height: 10vh;
	}

	/* .mod-sys__user{
    position: relative;
  } */
	.search {
		margin-left: 6.25vw;
		width: 5.9vw;
		height: 3.8vh;
	}

	.reset {
		width: 5.9vw;
		height: 3.8vh;
		margin-left: 1.875vw;
		background-color: rgba(180, 196, 209, 1);
		border: 1px solid rgba(180, 196, 209, 1);
	}

	.userBox {
		display: flex;
		position: relative;
		width: 100%;
		height: 3vh;
		margin-bottom: 1.9vh;
	}

	.userListText {
		/* width: 5vw; */
		height: 3vh;
		line-height: 3vh;
		font-size: 16px;
	}

	.newAdd {
		position: absolute;
		right: 0;
		width: 5.9vw;
		height: 3vh;
		padding: 0;
	}

	.aui-card--fill>>>.el-table__fixed-right {
		height: 100% !important;
	}
</style>
